<template>
  <!-- 公告详情 -->
  <view style="margin: 30rpx;">
      <u-parse :content="content"></u-parse>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        id:0,
        notice:{},
        content:``,
      };
    },
    onLoad(params){
      this.id = params.notice_Id || 0;
      console.log(this.id);
      this.getNoticeDetail(this.id);
    },
    methods:{
      async getNoticeDetail(id){
        const {data: res} = await uni.$http.get('/notice/getnoticebyid',{"id":id})
        console.log(res.data)
        // 3.2 请求失败
        if (res.status !== 200) return uni.$showMsg()
        this.notice=res.data;
        this.content=`<div style="width:100%;">
          <h2 style="text-align: center;">`+ this.notice.title + `</h2>
          <h5 style="text-align: left;">`+  this.notice.subTitle + `</h5>
          <p style="text-align: left; font-size: 30rpx;margin: 20rpx 0;">`  + this.notice.time +  `</p>
          <p style="text-indent: 2em;line-height:1.5em;">` + this.notice.content + `</p>`
          // 图片url处理
          var tempRepair=res.data;
          var imgArr= tempRepair.img.split(";");
          tempRepair.img=[];
          for(var i=0;i<imgArr.length-1;i++){//为了除去最后一个空的，所以是i<imgArr.length-1
            tempRepair.img[i]=imgArr[i];
          }
          this.notice=tempRepair;
          const len=this.notice.img.length > 3 ? 3: this.notice.img.length//保证最多3个图片
          var tempContent="";
          for(var i=0;i<len;i++){
            tempContent += `<img style="width:100%;display:block;" src="`+ this.notice.img[i] +`" />`
          }
          this.content += tempContent + `</div>`
      }
    }
  }
</script>

<style lang="scss">
 .abc{
   text-align: right;
   font-size: 20rpx;
   margin: 15rpx;
   
 }
</style>
